﻿<!DOCTYPE html>
<html>

<head>
    <title>H5 audio Demo</title>
    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <link href="css/audio.css" rel="stylesheet" type="text/css" />
    <script type="text/javascript" src="js/audio.js"></script>
</head>

<body>
    <div class="audio-wrapper">
        <audio size="#4.50MB" duration="#01:57" filename="#Launch_Kan R. Gao.mp3">
            <source src="http://file.duzhai.net/Files/Audio/2017-08/af01ab05-d112-4ad7-9cff-2cfecced5bc6.mp3" type="audio/mp3">
        </audio>
        <div class="audio-left">
            <img id="audioPlayer" src="./image/play.png">
        </div>
        <div class="audio-right">
            <p style="max-width: 536px;">Launch_Kan R. Gao.mp3</p>
            <div class="progress-bar-bg" id="progressBarBg">
                <span id="progressDot"></span>
                <div class="progress-bar" id="progressBar"></div>
            </div>
            <div class="audio-time">
                <span class="audio-length-current" id="audioCurTime">00:00</span>
                <span class="audio-length-total">01:57</span>
            </div>
        </div>
    </div>
</body>

</html>